// 颜色变量
$primary-color: #409EFF;
$success-color: #67C23A;
$warning-color: #E6A23C;
$danger-color: #F56C6C;
$info-color: #909399;

// 主题颜色
$theme-colors: (
  "primary": $primary-color,
  "success": $success-color,
  "warning": $warning-color,
  "danger": $danger-color,
  "info": $info-color
);

// 文字颜色
$text-primary: #303133;
$text-regular: #606266;
$text-secondary: #909399;
$text-placeholder: #C0C4CC;

// 边框颜色
$border-color-base: #DCDFE6;
$border-color-light: #E4E7ED;
$border-color-lighter: #EBEEF5;
$border-color-extra-light: #F2F6FC;

// 背景颜色
$background-color-base: #F5F7FA;

// 布局尺寸
$header-height: 60px;
$sidebar-width: 220px;
$sidebar-collapsed-width: 64px;

// 响应式断点
$xs: 576px;
$sm: 768px;
$md: 992px;
$lg: 1200px;
$xl: 1600px;

// 间距
$spacing-base: 8px;
$spacing-sm: $spacing-base * 2;
$spacing-md: $spacing-base * 3;
$spacing-lg: $spacing-base * 4;
$spacing-xl: $spacing-base * 5;

// 字体
$font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
$font-size-base: 14px;
$font-size-sm: 12px;
$font-size-lg: 16px;
$font-size-xl: 18px;

// 圆角
$border-radius-base: 4px;
$border-radius-sm: 2px;
$border-radius-lg: 8px;
$border-radius-circle: 50%;

// 阴影
$box-shadow-base: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
$box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1); 